<template>
  <div class="user-page">
    <h2>用户管理</h2>
    <el-table :data="users" style="width: 100%;margin-top:20px;">
      <el-table-column prop="name" label="姓名" />
      <el-table-column prop="role" label="角色" />
    </el-table>
  </div>
</template>

<script setup>
import { ref } from 'vue'
const users = ref([
  { name: '张三', role: '管理员' },
  { name: '李四', role: '用户' }
])
</script>

<style scoped>
.user-page {
  animation: fadein 0.5s;
}
@keyframes fadein {
  from { opacity: 0; }
  to { opacity: 1; }
}
</style>

<!-- 建议删除此文件，已由 UserManagement.vue 替代 -->
